<template>
    <div class="slideshow">
         <van-swipe class="my-swipe" :autoplay="2000" indicator-color="white">
  <van-swipe-item>
      <img src="https://res4.vmallres.com/shopdc//pic/2022325/27648d05-3dd8-4ffc-b9fd-abb2015e1bf5.png" alt="">
  </van-swipe-item>
  <van-swipe-item>
      <img src="https://res5.vmallres.com/shopdc//pic/2022325/3fac8262-3707-4664-bac7-7259f112f439.png" alt="">
  </van-swipe-item>
  <van-swipe-item>
      <img src="https://res3.vmallres.com/shopdc//pic/2022325/1b849bce-8530-42a3-a2b8-00554cec7cbc.png" alt="">
  </van-swipe-item>
  <van-swipe-item>
      <img src="https://res6.vmallres.com/shopdc//pic/2022325/a8d70fe0-c345-4749-9ec4-f6db24b8b7f8.png" alt="">
  </van-swipe-item>
</van-swipe>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
    .slideshow{
        width: 4.14rem;
        height: 3.60rem;
        margin: auto;
    }
    .my-swipe .van-swipe-item {
    color: #fff;
    line-height: 1.5rem;
    text-align: center;
  }
  .van-swipe-item{
      width: 3.84rem;
      height: 3.84rem;
      border-radius: 0.16rem;
      img{
          width: 100%;
          height:100%;
           border-radius: 0.16rem;
      }
  }
</style>